<template>
    <div>
        <!--谁使用此轮播图组件，谁为我们传递lunbotulist-->
        <!--此时lunbotulist应该是 父组件向子组件传值来设置-->
        <div :class="{'hh':height==200,'hd':height==320}">
            <mt-swipe :auto="4000">
                <mt-swipe-item v-for="item in lunbotuList" :key="item.url">
                    <img :src="item.url" alt="">
                </mt-swipe-item>
            </mt-swipe>
        </div>

    </div>

</template>

<script>
    export default {
        name: "swiper",
        props:['lunbotuList','height']
    }
</script>

<style scoped>
    .hh{
        height: 200px;
    }
    .hd{
        height: 320px;
    }
    .mint-swipe-item:nth-child(1){
        /*background-color: #007aff;*/
    }
    .mint-swipe-item:nth-child(2){
        /*background-color: #2ac845;*/
    }
    .mint-swipe-item:nth-child(3){
        /*background-color: #8a6de9;*/
    }
    .mint-swipe-item img{
        width: 100%;
    }
</style>